<app-places-container title="Your Favorite Places">
  @if(isFetching() && !error()){
    <p class="fallback-text">Fetching favorite places...</p>
  }

  @if(error()){
    <p class="fallback-text">{{ error() }}</p>
  }

  @if (places()) {
    <app-places [places]="places()!" (selectPlace)="onRemovePlace($event)" />
  } @else if (places()?.length === 0) {
    <p class="fallback-text">Unfortunately, no places could be found.</p>
  }
</app-places-container>
